<!DOCTYPE html>

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Features - Raxan User Guide</title>
    <link href="../raxan/ui/css/master.css" rel="stylesheet" type="text/css" />
    <!--[if lt IE 8]> <link rel="stylesheet" href="../raxan/ui/css/master.ie.css" type="text/css"><![endif]-->
    <link href="../raxan/ui/css/default/theme.css" rel="stylesheet" type="text/css" />
    <link href="style.css" rel="stylesheet" type="text/css" />
    <link href="highlight/styles/default.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="highlight/highlight.js"></script>
    <script type="text/javascript">
        <!--
        hljs.initHighlightingOnLoad('javascript','html','php','css');
        //-->
    </script>
    <!--[if lt IE 7]>
        <style type="text/css"> form input.textbox { height: 26px; }</style>
    <![endif]-->
</head>

<body>
    <div class="container">
        <div id="header" class="rax-header-pal rax-metalic">
            <h2 class="ltm bottom c14">Raxan User Guide</h2>
            <ul>
                <li><a href="../../index.html">Home</a></li>
                <li><a href="index.html">Overview</a></li>
                <li><a href="features.html" class="rax-selected-pal pad border1 round rax-glass">Features</a></li>
                <li><a href="table-of-contents.html" title="Table of Content">Contents</a></li>
                <li><a href="../examples">Examples</a></li>
            </ul>
            <ul class="search">
                <li>
                    <form class="tpm c9" name="form1" action="../tools/search.php" method="get">
                        <input class="c6 textbox round left" placeholder="Search" type="text" name="q" value="" title="Search User Guide"  />
                        <input class="c2 button round left ltm" type="submit" value="Go" />
                    </form>
                </li>
            </ul>

        </div>
        <hr class="space"/>
        <div class="master-content-wrapper">
            <div class="container prepend-top c48 master-content"><h2>Main Features</h2>

<p><style type="text/css">
    #features h4 { font-weight: bold; color: #116211; }
    #features.container img.left { margin-left:-30px; }
    #features.container .column { margin-left: 30px; margin-right:10px; }
</style></p>

<div id="features" class="container pad">

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Event Driven</h4>
        Designed to transparently handle client/server event bindings and communications.
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Page-View Pattern</h4>
        Supports multiple views per page and enables a single page to handle multiple related tasks.
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Object Oriented</h4>
        Take advantage of the latest PHP5 OOP features to create reusable, extendable and maintainable components
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">CSS Framework</h4>
        Create themeable web pages and applications by using the CSS framework to render the design and layout.
    </div>

    <div class="column c20 r5 prepend1 up1">
        <img src="images/oop.png" alt="Object Oriented" />
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Template Binder</h4>
        Quickly render a list or data view by binding any PDO dataset or array to elements within a web page
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Mobile Web</h4>
        Supports WML/HTML and includes mobile browser detection for rendering device specific web pages.
    </div>


    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Widgets &amp; Plugins</h4>
        Create reusable components by extending the framework with custom user interface widgets and plugins
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">jQuery/Ajax Ready</h4>
        Comes bundled with the latest jQuery libraries plus ajax file upload and client/server request features.
    </div>

    <div class="column c20 r5 prepend1 up1">
        <img src="images/tabs.png" alt="Wudgets &amp; Plugins" />
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Server-Side HTML/DOM Objects</h4>
        Handle server-side HTML/XML DOM traversing and manipulation using jQuery-like API synatx
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Data Sanitization</h4>
        Validate and sanitize user inputs before saving to database. Helps to prevent cross-site scripting (XSS) attacks
    </div>

    <div class="column c20 r5 prepend1 up1">
        <img src="images/dom.png" alt="Server-Side HTML/DOM Objects" />
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Cross Site Request Forgery protection</h4>
        Automatically blocks and prevents cross-site request forgery (CSRF) attacks by using token base submissions.
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Multilingual </h4>
        Build-in support for internationalization and localization
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Database Support</h4>
        Supports MySQL, Microsoft SQL Server, Sybase, Oracle and other databases.
    </div>

    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Embeddable Applications</h4>
        Easily integrate Raxan Ajax applications into any web page.
    </div>
    
    <div class="column c20 r5 prepend1">
        <img class="left" src="images/feature-bullet.png" alt="."/>
        <h4 class="bottom bmb">Cross Browser Support</h4>
        Supports modern web browsers including IE 6+, Opera 9+, FF 2+, Safari, and Chrome
    </div>
</div>

<hr class="clear" />

<p align="right">See <a href="new-features.html" title="Raxan New Features">What's New</a> in the lastest version of the Raxan Framework.</p>
</div>
            
            <div id="footer" class="container c48 rax-active-pal round rax-glossy">
                <ul class="clearfix">
                    <li><a href="index.html">Overview</a></li>
                    <li><a href="features.html">Features</a></li>
                    <li><a href="new-features.html">What's new</a></li>
                    <li><a href="table-of-contents.html" title="Table of Content">Contents</a></li>
                    <li><a href="../examples">Examples</a></li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>

